<!DOCTYPE html> 
<html> 
	<head> 
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1"> 
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />
		<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>
	</head> 
	<body> 
	<div data-role="page" >
        <div data-role="header" >
            <h1>Sign up</h1>
        </div>
		
        <div data-role="content">
		 
			<form action="/signup_handler" method="post"  data-ajax="false">
			 <div data-role="fieldcontain">
				
				<fieldset>
					<label for="name">ID</label>
					<input type="text" name="name" id="name" value=""  />
					<br>
					<input type="submit" name="submit" id="submit" value="Join"  />
				</fieldset></div>	
			</form>
			
			<!-- TODO: random quote api -->
			<h3>"The aim of man and matter is to create joy, according to Zorba"</h3>
			<p> - Zorba the Greek, Nikos Kazantzakis</p>
		</div>
		
        <!--div data-role="footer" data-position="fixed">
            <h1>@page42	</h1>
        </div-->
    </div>
	</body> 
</html> 
 